# Separator

<Subtitle>A separator element accessible to screen readers.</Subtitle>

<Meta
  name="description"
  content="A high-quality, unstyled React separator component that is accessible to screen readers."
/>

import { DemoSeparatorHero } from './demos/hero';

<DemoSeparatorHero />

## Anatomy

Import the component and use it as a single part:

```jsx title="Anatomy"
import { Separator } from '@base-ui-components/react/separator';

<Separator />;
```

## API reference

<Reference component="Separator" />
